// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.team-members {
  display: grid;
  gap: 10px;

  &__type {
    background-color: hsl(var(--hsl-b2));
    border-radius: @border-radius--large;
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fill, minmax(@user-card-width, 1fr));
    padding: 5px;

    &--owner {
      background-color: hsl(var(--hsl-orange-1));
      color: hsl(var(--hsl-orange-4));
      grid-template-columns: 1fr;
    }
  }

  &__meta {
    padding: 0 10px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column: 1 / -1;
  }
}
